<template>
  <div class="bg-white shadow-sm mb-6">
    <div class="container mx-auto px-4 py-4">
      <h2 class="text-2xl font-bold text-gray-800">{{ title }}</h2>
      <p v-if="subtitle" class="text-gray-600 mt-1">{{ subtitle }}</p>
    </div>
  </div>
</template>

<script setup>
defineProps({
  title: {
    type: String,
    required: true
  },
  subtitle: {
    type: String,
    default: ''
  }
})
</script> 